<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="/app-icons/finder/32.png" />
		<meta name="description" content="MacOS Desktop experience for Web" />
		<title>macOS in Svelte</title>
		<link rel="apple-touch-icon" href="/app-icons/finder/192.png" sizes="192x192" />
		<meta name="theme-color" content="#ffffff" />
		<meta property="og:title" content="macOS in Svelte" />
		<meta property="og:description" content="A painting of macOS Ventura in HTML, CSS and JS" />
		<meta property="og:image" content="https://macos-web.app/cover-image.png" />
		<meta property="og:url" content="https://macos-web.app" />
		<meta name="twitter:card" content="summary_large_image" />

		<link rel="prefetch" href="/sounds/mac-startup-sound.mp3" />
	</head>
	<body>
		<div id="root"></div>
		<script type="module" src="/src/main.ts"></script>
	</body>

	<script type="module">
		(function (c, l, a, r, i, t, y) {
			c[a] =
				c[a] ||
				function () {
					(c[a].q = c[a].q || []).push(arguments);
				};
			t = l.createElement(r);
			t.async = 1;
			t.src = 'https://www.clarity.ms/tag/' + i;
			y = l.getElementsByTagName(r)[0];
			y.parentNode.insertBefore(t, y);
		})(window, document, 'clarity', 'script', 'a95kitlcti');
	</script>
</html>
